<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
	    	html,body {
	    		width: 100%;
	    		height: 100%;
	    	}
	    	
	    	.video_Container {
	    		width: 90%;
	    		height: 80%;
	    		margin-left: 4%;
	    		margin-top: 8%;
	    	}
	    </style>
	    <script type="text/javascript">
	    	plus.screen.lockOrientation('landscape-secondary');
	   		var video = null;
			// H5 plus事件处理
			function plusReady(){
			       // 创建视频播放控件
			       video = new plus.video.VideoPlayer('video',{
			              src:'rtmp://39.108.213.89/hls/c844150003e8'
			       });
			}
			document.addEventListener('plusready', plusReady, false);
	    </script>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" id="takeback"></a>
			<h1 class="mui-title">实验项目</h1>
		</header>
		<div class="mui-content video_Container" id="video"></div>
		
		<script src="../../js/mui.min.js"></script>
		<script type="text/javascript">
//			document.getElementById("takeback").addEventListener("click",function(){
//				plus.screen.lockOrientation('portrait'); 
//			});
			mui.init()
            mui.plusReady(function(){
                var self=plus.webview.currentWebview();
                console.log(JSON.stringify(self)) 
                var old_back = mui.back;
                mui.back = function() {
                    var wobj = plus.webview.getWebviewById("views/systemSetting/index.html");//注意 HBuilder 是  1.html 的 ID 你如果1.html 有ID  要替换掉HBuilder，
                    wobj.reload(true);
                    old_back()
                }   
            });
		</script>
	</body>

</html>